<div class="tab-title">
	<ul>
		<li id="one1" onmousedown="setContentTab('one',1,9)" class="cur">顶部模块</li>
		<li id="one2" onmousedown="setContentTab('one',2,9)">底部模块</li>
		<li id="one3" onmousedown="setContentTab('one',3,9)">图片切换</li>
		<li id="one4" onmousedown="setContentTab('one',4,9)">图文导航</li>
		<li id="one5" onmousedown="setContentTab('one',5,9)">图文列表</li>
		<li id="one6" onmousedown="setContentTab('one',6,9)">详细内容</li>
		<li id="one7" onmousedown="setContentTab('one',7,9)">分页样式</li>
		<li id="one8" onmousedown="setContentTab('one',8,9)">其它模块</li>
		<li id="one9" onmousedown="setContentTab('one',9,9)">我的模块</li>
	</ul>
</div>

<!--*****************************************顶部模块加载*****************************************-->
<div class="tab-con" id="con_one_1" style="display:block;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>
<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_1 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_1 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="/module/1/mod.html">添加应用</a>'+
								'<a target="_blank" class="btn-ok" href="/module/1/">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>


<!--*****************************************底部模块加载*****************************************-->
<div class="tab-con" id="con_one_2" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>
<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_2 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_2 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" width="100" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="/module/5/mod.html">添加应用</a>'+
								'<a target="_blank" class="btn-ok" href="/module/5/">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>


<!--*****************************************图文切换加载*****************************************-->
<div class="tab-con" id="con_one_3" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_3 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_3 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="/module/2/mod.html">添加应用</a>'+
								'<a target="_blank" class="btn-ok" href="/module/2/">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>


<!--*****************************************图文导航加载*****************************************-->
<div class="tab-con" id="con_one_4" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_4 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_4 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="/module/4/mod.html">添加应用</a>'+
								'<a target="_blank" class="btn-ok" href="/module/4/">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>


<!--*****************************************图文列表加载*****************************************-->
<div class="tab-con" id="con_one_5" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_5 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_5 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="/module/3/mod.html">添加应用</a>'+
								'<a target="_blank" class="btn-ok" href="/module/3/">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_6" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_6 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_6 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_7" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_7 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_7 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="#">添加应用</a><a target="_blank" class="btn-ok" href="#">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<!--*****************************************其他模块加载*****************************************-->
<div class="tab-con" id="con_one_8" style="display:none;">
	<div class="modulebox">
		<ul></ul>
		<div class="clear"></div>
		<div class="pagination_div"></div>
	</div>
</div>

<script type="text/javascript">
MyPagination.init({
	renderer: '#con_one_8 .pagination_div',
	ajaxOpts: {
		url: '/ajax/banner.json',
		type: 'get',
		dataType: 'json',
		params: {}
	},
	handleOpts: {
		// 数据获取之后的操作
		formatValues: function(data) {
			var listEls = $('#con_one_8 .modulebox > ul');
			listEls.empty(); // 清空
			$.each(data, function(index, value) {
				var innerHmtl = 
					'<li>'+
						'<div class="p-pic"><img src="' + value.pic + '" /></div>'+
						'<div class="p-text">'+
							'<h3>' + value.ower + '</h3>'+
							'<div class="p-btn">'+
								'<a class="bluebtn" href="/module/3/mod.html">添加应用</a>'+
								'<a target="_blank" class="btn-ok" href="/module/3/">查看效果</a>'+
							'</div>'+
						'</div>'+
					'</li>';
				listEls.append(innerHmtl);
			});
		}
	},
	pageOpts: {
		num_edge_entries: 3, // 前后显示的个数
		num_display_entries: 3, // 显示数
		items_per_page: 2 // 每页显示多少条
	}
});
</script>

<div class="tab-con" id="con_one_9" style="display:none;">9</div>